<script>
export default {
  name: "search"
}
</script>

<template>
  <view class="searchContainer" @click="$emit('click')">
    <view class="input">
      <image src="/static/images/search-icon.png"></image>
      <text>需要搜索请点击</text>
    </view>
  </view>
</template>

<style scoped lang="scss">
.searchContainer{
  box-sizing: border-box;
  width: 100%;
  height: 80rpx;
  background-color: #c00000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30rpx 0;


  .input {
    box-sizing: border-box;
    width: 95%;
    height: 60rpx;
    background-color: #ffffff;
    border-radius: 40rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6b6b6b;
    font-size: 30rpx;
    image{
      width: 40rpx;
      height: 40rpx;
    }
  }
}
</style>
